<template>
    <div>
        <p>hello from dummy data</p>
        <div class="valueCal">
            value from helloworld api:{{ info }}
        </div>
    </div>
</template>
<script setup>
import {test} from '@/service/api'
import {onMounted, ref} from 'vue'

const info = ref(null)
onMounted(async()=>{
    let result=await test();
    info.value = result.data.msg;
})


</script>

<style scoped>
.valueCal{
    background-color: tomato;
}
</style>